<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="//at.alicdn.com/t/font_2896317_ug7054uzl4l.js"></script>
    <script src="../../../js/public.js"></script>
    <link rel="stylesheet" href="./find.css">
    <link rel="stylesheet" type="text/css" href="../../../css/public.css">
    <title>Document</title>
</head>

<body>
    <header id="header" style="border-bottom: 1px solid  rgb(231, 227, 227);"></header>
    <section id="top-need">
        <div style="font-size: 24px;color:#5587EC;font-weight:bold">线上汉语老师需求</div>
        <div style="margin-top: 20px;">
            在ChineseLessonsOnline（CLO）您能找到各种科目的汉语老师需求。CLO提供灵活的日程，您可以接触到世界各地的学生。回答学生发布的上课需求，您需要有自己的档案，显示您的课程单价和时间。
            看一下需求，找到合适您的工作！</div>
        <select name="" id="">
            <option value="">日常口语</option>
            <option value="">旅游口语</option>
            <option value="">商务汉语</option>
            <option value="">儿童汉语</option>
            <option value="">HSK</option>
            <option value="">BCT</option>
            <option value="">YCT</option>
            <option value="">TOCFL</option>
            <option value="">发音特训</option>
            <option value="">汉语语法</option>
            <option value="">汉语写作</option>
            <option value="">中国文学</option>
            <option value="">汉语翻译</option>
            <option value="">台湾华语</option>
            <option value="">粤语</option>
            <option value="">SAT</option>
            <option value="">AP</option>
        </select>
    </section>
    <section id="top-list-wrap">
        <section id="top-list-wrap-center">
            <section id="top-ul">

            </section>
            <aside class="top-ul-right">
                <img src="../../../static/need.png" width="272" height="177" alt="">
            </aside>
        </section>
    </section>
    <footer id="footer"></footer>
</body>
<script type="module">
    productheader('header', 4);
    $(".title-right-bar").css("border", "none");
    $(".loginin").hide();
    $(".title-bar").empty();

    let tem = `<a href=" /views/teacher/teachers.html" id="students">寻找学生</a>`;

    $(".title-bar").append(tem);
    $("#students").addClass("stuss");
    $("#sp2").css("padding-left", "0px");

    let apis = `<a href="/views/question/question.html"><i class="iconfont icon-xinxi "></i></a>
	<i class="iconfont icon-morentouxiang" style="font-size: 25px;color: #BDBDBD;margin-left: 16px;"></i>
	`
    $(".left-bar").empty("#qweww").append(apis)
    productfooter('footer', 4);
    // 学生需求查询
    initData('#top-ul', 2);

</script>

</html>
<style>
    .stuss {

        margin-left: 16px;
        padding: 4px 10px;
        background-color: #5587EC;
        border-radius: 6px;
        color: #fff;
        transform: scale(0.90);

    }
</style>